
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 19:07:31 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="ramoncunha">
        <span class="simulation-information-label">Description: </span>
        <span>ramoncunha</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68404</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692817651000,3],[1692817652000,2],[1692817653000,2],[1692817654000,2],[1692817655000,2],[1692817656000,2],[1692817657000,2],[1692817658000,2],[1692817659000,2],[1692817660000,2],[1692817661000,2],[1692817662000,2],[1692817663000,2],[1692817664000,2],[1692817665000,2],[1692817666000,2],[1692817667000,2],[1692817668000,2],[1692817669000,2],[1692817670000,2],[1692817671000,2],[1692817672000,2],[1692817673000,2],[1692817674000,2],[1692817675000,2],[1692817676000,6],[1692817677000,6],[1692817678000,6],[1692817679000,7],[1692817680000,7],[1692817681000,7],[1692817682000,7],[1692817683000,8],[1692817684000,7],[1692817685000,8],[1692817686000,8],[1692817687000,8],[1692817688000,8],[1692817689000,9],[1692817690000,9],[1692817691000,9],[1692817692000,9],[1692817693000,9],[1692817694000,10],[1692817695000,9],[1692817696000,10],[1692817697000,10],[1692817698000,10],[1692817699000,11],[1692817700000,11],[1692817701000,10],[1692817702000,11],[1692817703000,12],[1692817704000,11],[1692817705000,12],[1692817706000,11],[1692817707000,12],[1692817708000,12],[1692817709000,13],[1692817710000,12],[1692817711000,13],[1692817712000,13],[1692817713000,13],[1692817714000,13],[1692817715000,14],[1692817716000,13],[1692817717000,14],[1692817718000,14],[1692817719000,14],[1692817720000,15],[1692817721000,14],[1692817722000,15],[1692817723000,15],[1692817724000,15],[1692817725000,16],[1692817726000,15],[1692817727000,16],[1692817728000,16],[1692817729000,16],[1692817730000,16],[1692817731000,17],[1692817732000,16],[1692817733000,17],[1692817734000,17],[1692817735000,18],[1692817736000,17],[1692817737000,18],[1692817738000,17],[1692817739000,18],[1692817740000,19],[1692817741000,18],[1692817742000,18],[1692817743000,19],[1692817744000,19],[1692817745000,19],[1692817746000,20],[1692817747000,19],[1692817748000,20],[1692817749000,20],[1692817750000,20],[1692817751000,20],[1692817752000,20],[1692817753000,21],[1692817754000,21],[1692817755000,21],[1692817756000,21],[1692817757000,22],[1692817758000,21],[1692817759000,22],[1692817760000,22],[1692817761000,22],[1692817762000,22],[1692817763000,23],[1692817764000,23],[1692817765000,23],[1692817766000,23],[1692817767000,23],[1692817768000,23],[1692817769000,24],[1692817770000,24],[1692817771000,24],[1692817772000,24],[1692817773000,25],[1692817774000,24],[1692817775000,25],[1692817776000,25],[1692817777000,25],[1692817778000,25],[1692817779000,26],[1692817780000,26],[1692817781000,26],[1692817782000,26],[1692817783000,26],[1692817784000,27],[1692817785000,26],[1692817786000,27],[1692817787000,27],[1692817788000,27],[1692817789000,28],[1692817790000,28],[1692817791000,27],[1692817792000,28],[1692817793000,29],[1692817794000,28],[1692817795000,29],[1692817796000,28],[1692817797000,29],[1692817798000,29],[1692817799000,30],[1692817800000,29],[1692817801000,30],[1692817802000,30],[1692817803000,30],[1692817804000,31],[1692817805000,31],[1692817806000,30],[1692817807000,32],[1692817808000,30],[1692817809000,32],[1692817810000,32],[1692817811000,31],[1692817812000,32],[1692817813000,32],[1692817814000,32],[1692817815000,33],[1692817816000,32],[1692817817000,33],[1692817818000,33],[1692817819000,33],[1692817820000,33],[1692817821000,34],[1692817822000,33],[1692817823000,34],[1692817824000,34],[1692817825000,35],[1692817826000,34],[1692817827000,35],[1692817828000,34],[1692817829000,35],[1692817830000,36],[1692817831000,35],[1692817832000,35],[1692817833000,36],[1692817834000,36],[1692817835000,36],[1692817836000,37],[1692817837000,36],[1692817838000,37],[1692817839000,37],[1692817840000,37],[1692817841000,37],[1692817842000,37],[1692817843000,38],[1692817844000,38],[1692817845000,38],[1692817846000,38],[1692817847000,39],[1692817848000,38],[1692817849000,39],[1692817850000,39],[1692817851000,39],[1692817852000,39],[1692817853000,40],[1692817854000,40],[1692817855000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692817651000,3],[1692817652000,2],[1692817653000,2],[1692817654000,2],[1692817655000,2],[1692817656000,2],[1692817657000,2],[1692817658000,2],[1692817659000,2],[1692817660000,2],[1692817661000,2],[1692817662000,2],[1692817663000,2],[1692817664000,2],[1692817665000,2],[1692817666000,2],[1692817667000,2],[1692817668000,2],[1692817669000,2],[1692817670000,2],[1692817671000,2],[1692817672000,2],[1692817673000,2],[1692817674000,2],[1692817675000,2],[1692817676000,6],[1692817677000,7],[1692817678000,7],[1692817679000,8],[1692817680000,8],[1692817681000,9],[1692817682000,9],[1692817683000,10],[1692817684000,11],[1692817685000,11],[1692817686000,11],[1692817687000,12],[1692817688000,13],[1692817689000,13],[1692817690000,13],[1692817691000,14],[1692817692000,15],[1692817693000,15],[1692817694000,16],[1692817695000,16],[1692817696000,17],[1692817697000,17],[1692817698000,18],[1692817699000,18],[1692817700000,19],[1692817701000,19],[1692817702000,20],[1692817703000,20],[1692817704000,21],[1692817705000,22],[1692817706000,21],[1692817707000,23],[1692817708000,23],[1692817709000,23],[1692817710000,24],[1692817711000,25],[1692817712000,25],[1692817713000,26],[1692817714000,26],[1692817715000,26],[1692817716000,27],[1692817717000,28],[1692817718000,28],[1692817719000,29],[1692817720000,29],[1692817721000,30],[1692817722000,31],[1692817723000,31],[1692817724000,32],[1692817725000,32],[1692817726000,33],[1692817727000,33],[1692817728000,33],[1692817729000,34],[1692817730000,34],[1692817731000,35],[1692817732000,36],[1692817733000,36],[1692817734000,36],[1692817735000,38],[1692817736000,37],[1692817737000,38],[1692817738000,39],[1692817739000,39],[1692817740000,40],[1692817741000,40],[1692817742000,41],[1692817743000,41],[1692817744000,42],[1692817745000,42],[1692817746000,43],[1692817747000,43],[1692817748000,44],[1692817749000,44],[1692817750000,45],[1692817751000,46],[1692817752000,46],[1692817753000,46],[1692817754000,47],[1692817755000,48],[1692817756000,48],[1692817757000,48],[1692817758000,49],[1692817759000,50],[1692817760000,50],[1692817761000,51],[1692817762000,51],[1692817763000,52],[1692817764000,52],[1692817765000,53],[1692817766000,53],[1692817767000,54],[1692817768000,54],[1692817769000,55],[1692817770000,55],[1692817771000,56],[1692817772000,56],[1692817773000,57],[1692817774000,58],[1692817775000,58],[1692817776000,58],[1692817777000,59],[1692817778000,60],[1692817779000,60],[1692817780000,61],[1692817781000,61],[1692817782000,62],[1692817783000,62],[1692817784000,63],[1692817785000,63],[1692817786000,64],[1692817787000,64],[1692817788000,65],[1692817789000,65],[1692817790000,66],[1692817791000,66],[1692817792000,67],[1692817793000,67],[1692817794000,68],[1692817795000,69],[1692817796000,68],[1692817797000,70],[1692817798000,70],[1692817799000,70],[1692817800000,71],[1692817801000,72],[1692817802000,72],[1692817803000,73],[1692817804000,73],[1692817805000,73],[1692817806000,74],[1692817807000,75],[1692817808000,75],[1692817809000,76],[1692817810000,76],[1692817811000,77],[1692817812000,77],[1692817813000,78],[1692817814000,78],[1692817815000,79],[1692817816000,80],[1692817817000,80],[1692817818000,80],[1692817819000,81],[1692817820000,81],[1692817821000,82],[1692817822000,83],[1692817823000,83],[1692817824000,83],[1692817825000,85],[1692817826000,84],[1692817827000,85],[1692817828000,86],[1692817829000,86],[1692817830000,87],[1692817831000,87],[1692817832000,88],[1692817833000,88],[1692817834000,89],[1692817835000,89],[1692817836000,90],[1692817837000,91],[1692817838000,91],[1692817839000,92],[1692817840000,92],[1692817841000,93],[1692817842000,94],[1692817843000,93],[1692817844000,94],[1692817845000,95],[1692817846000,95],[1692817847000,96],[1692817848000,96],[1692817849000,97],[1692817850000,97],[1692817851000,98],[1692817852000,98],[1692817853000,99],[1692817854000,99],[1692817855000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692817651000,3],[1692817652000,3],[1692817653000,2],[1692817654000,2],[1692817655000,2],[1692817656000,2],[1692817657000,2],[1692817658000,2],[1692817659000,2],[1692817660000,2],[1692817661000,6],[1692817662000,6],[1692817663000,2],[1692817664000,3],[1692817665000,6],[1692817666000,5],[1692817667000,5],[1692817668000,4],[1692817669000,5],[1692817670000,6],[1692817671000,3],[1692817672000,3],[1692817673000,3],[1692817674000,4],[1692817675000,6],[1692817676000,7],[1692817677000,11],[1692817678000,14],[1692817679000,18],[1692817680000,21],[1692817681000,24],[1692817682000,28],[1692817683000,32],[1692817684000,35],[1692817685000,39],[1692817686000,40],[1692817687000,45],[1692817688000,47],[1692817689000,53],[1692817690000,55],[1692817691000,58],[1692817692000,61],[1692817693000,66],[1692817694000,68],[1692817695000,73],[1692817696000,75],[1692817697000,78],[1692817698000,81],[1692817699000,86],[1692817700000,88],[1692817701000,93],[1692817702000,95],[1692817703000,100],[1692817704000,102],[1692817705000,105],[1692817706000,109],[1692817707000,112],[1692817708000,115],[1692817709000,118],[1692817710000,122],[1692817711000,127],[1692817712000,129],[1692817713000,133],[1692817714000,135],[1692817715000,141],[1692817716000,140],[1692817717000,146],[1692817718000,148],[1692817719000,153],[1692817720000,157],[1692817721000,158],[1692817722000,162],[1692817723000,165],[1692817724000,169],[1692817725000,174],[1692817726000,175],[1692817727000,178],[1692817728000,181],[1692817729000,187],[1692817730000,189],[1692817731000,192],[1692817732000,197],[1692817733000,199],[1692817734000,203],[1692817735000,204],[1692817736000,208],[1692817737000,213],[1692817738000,218],[1692817739000,220],[1692817740000,223],[1692817741000,227],[1692817742000,228],[1692817743000,231],[1692817744000,235],[1692817745000,238],[1692817746000,243],[1692817747000,247],[1692817748000,250],[1692817749000,254],[1692817750000,255],[1692817751000,259],[1692817752000,262],[1692817753000,268],[1692817754000,269],[1692817755000,271],[1692817756000,277],[1692817757000,280],[1692817758000,282],[1692817759000,288],[1692817760000,290],[1692817761000,293],[1692817762000,295],[1692817763000,299],[1692817764000,304],[1692817765000,308],[1692817766000,308],[1692817767000,313],[1692817768000,316],[1692817769000,320],[1692817770000,324],[1692817771000,326],[1692817772000,327],[1692817773000,335],[1692817774000,336],[1692817775000,343],[1692817776000,343],[1692817777000,350],[1692817778000,349],[1692817779000,352],[1692817780000,356],[1692817781000,359],[1692817782000,364],[1692817783000,364],[1692817784000,367],[1692817785000,374],[1692817786000,376],[1692817787000,379],[1692817788000,385],[1692817789000,388],[1692817790000,391],[1692817791000,393],[1692817792000,397],[1692817793000,400],[1692817794000,404],[1692817795000,406],[1692817796000,408],[1692817797000,415],[1692817798000,417],[1692817799000,422],[1692817800000,423],[1692817801000,425],[1692817802000,433],[1692817803000,437],[1692817804000,436],[1692817805000,441],[1692817806000,445],[1692817807000,444],[1692817808000,449],[1692817809000,457],[1692817810000,454],[1692817811000,460],[1692817812000,465],[1692817813000,468],[1692817814000,471],[1692817815000,472],[1692817816000,475],[1692817817000,480],[1692817818000,481],[1692817819000,486],[1692817820000,493],[1692817821000,493],[1692817822000,499],[1692817823000,503],[1692817824000,504],[1692817825000,506],[1692817826000,511],[1692817827000,515],[1692817828000,518],[1692817829000,519],[1692817830000,525],[1692817831000,530],[1692817832000,531],[1692817833000,535],[1692817834000,539],[1692817835000,541],[1692817836000,544],[1692817837000,548],[1692817838000,553],[1692817839000,554],[1692817840000,557],[1692817841000,561],[1692817842000,567],[1692817843000,569],[1692817844000,572],[1692817845000,575],[1692817846000,575],[1692817847000,580],[1692817848000,584],[1692817849000,582],[1692817850000,594],[1692817851000,592],[1692817852000,597],[1692817853000,603],[1692817854000,605],[1692817855000,587]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '14'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  82.04,17.63,0.17,0.05,0.03,0.02,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692817651,null],[1692817652,null],[1692817653,null],[1692817654,null],[1692817655,null],[1692817656,null],[1692817657,null],[1692817658,null],[1692817659,null],[1692817660,null],[1692817661,null],[1692817662,null],[1692817663,null],[1692817664,null],[1692817665,null],[1692817666,null],[1692817667,null],[1692817668,null],[1692817669,null],[1692817670,null],[1692817671,null],[1692817672,null],[1692817673,null],[1692817674,null],[1692817675,null],[1692817676,null],[1692817677,null],[1692817678,null],[1692817679,null],[1692817680,null],[1692817681,null],[1692817682,null],[1692817683,null],[1692817684,null],[1692817685,null],[1692817686,null],[1692817687,null],[1692817688,null],[1692817689,null],[1692817690,null],[1692817691,null],[1692817692,null],[1692817693,null],[1692817694,null],[1692817695,null],[1692817696,null],[1692817697,null],[1692817698,null],[1692817699,null],[1692817700,null],[1692817701,null],[1692817702,null],[1692817703,null],[1692817704,null],[1692817705,null],[1692817706,null],[1692817707,null],[1692817708,null],[1692817709,null],[1692817710,null],[1692817711,null],[1692817712,null],[1692817713,null],[1692817714,null],[1692817715,null],[1692817716,null],[1692817717,null],[1692817718,null],[1692817719,null],[1692817720,null],[1692817721,null],[1692817722,null],[1692817723,null],[1692817724,null],[1692817725,null],[1692817726,null],[1692817727,null],[1692817728,null],[1692817729,null],[1692817730,null],[1692817731,null],[1692817732,null],[1692817733,null],[1692817734,null],[1692817735,null],[1692817736,null],[1692817737,null],[1692817738,null],[1692817739,null],[1692817740,null],[1692817741,null],[1692817742,null],[1692817743,null],[1692817744,null],[1692817745,null],[1692817746,null],[1692817747,null],[1692817748,null],[1692817749,null],[1692817750,null],[1692817751,null],[1692817752,null],[1692817753,null],[1692817754,null],[1692817755,null],[1692817756,null],[1692817757,null],[1692817758,null],[1692817759,null],[1692817760,null],[1692817761,null],[1692817762,null],[1692817763,null],[1692817764,null],[1692817765,null],[1692817766,null],[1692817767,null],[1692817768,null],[1692817769,null],[1692817770,null],[1692817771,null],[1692817772,null],[1692817773,null],[1692817774,null],[1692817775,null],[1692817776,null],[1692817777,null],[1692817778,null],[1692817779,null],[1692817780,null],[1692817781,null],[1692817782,null],[1692817783,null],[1692817784,null],[1692817785,null],[1692817786,null],[1692817787,null],[1692817788,null],[1692817789,null],[1692817790,null],[1692817791,null],[1692817792,null],[1692817793,null],[1692817794,null],[1692817795,null],[1692817796,null],[1692817797,null],[1692817798,null],[1692817799,null],[1692817800,null],[1692817801,null],[1692817802,null],[1692817803,null],[1692817804,null],[1692817805,null],[1692817806,null],[1692817807,null],[1692817808,null],[1692817809,null],[1692817810,null],[1692817811,null],[1692817812,null],[1692817813,null],[1692817814,null],[1692817815,null],[1692817816,null],[1692817817,null],[1692817818,null],[1692817819,null],[1692817820,null],[1692817821,null],[1692817822,null],[1692817823,null],[1692817824,null],[1692817825,null],[1692817826,null],[1692817827,null],[1692817828,null],[1692817829,null],[1692817830,null],[1692817831,null],[1692817832,null],[1692817833,null],[1692817834,null],[1692817835,null],[1692817836,null],[1692817837,null],[1692817838,null],[1692817839,null],[1692817840,null],[1692817841,null],[1692817842,null],[1692817843,null],[1692817844,null],[1692817845,null],[1692817846,null],[1692817847,null],[1692817848,null],[1692817849,null],[1692817850,null],[1692817851,null],[1692817852,null],[1692817853,null],[1692817854,null],[1692817855,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692817651,[6,0,6]],[1692817652,[6,0,6]],[1692817653,[6,0,6]],[1692817654,[6,0,6]],[1692817655,[6,0,6]],[1692817656,[6,0,6]],[1692817657,[6,0,6]],[1692817658,[6,0,6]],[1692817659,[6,0,6]],[1692817660,[6,0,6]],[1692817661,[6,0,6]],[1692817662,[13,0,13]],[1692817663,[6,0,6]],[1692817664,[6,0,6]],[1692817665,[6,0,6]],[1692817666,[12,0,12]],[1692817667,[8,0,8]],[1692817668,[9,0,9]],[1692817669,[6,0,6]],[1692817670,[12,0,12]],[1692817671,[7,0,7]],[1692817672,[7,0,7]],[1692817673,[9,0,9]],[1692817674,[6,0,6]],[1692817675,[8,0,8]],[1692817676,[15,0,15]],[1692817677,[21,0,21]],[1692817678,[26,0,26]],[1692817679,[30,0,30]],[1692817680,[35,0,35]],[1692817681,[37,0,37]],[1692817682,[42,0,42]],[1692817683,[47,0,47]],[1692817684,[50,0,50]],[1692817685,[55,0,55]],[1692817686,[58,0,58]],[1692817687,[62,0,62]],[1692817688,[65,0,65]],[1692817689,[71,0,71]],[1692817690,[74,0,74]],[1692817691,[79,0,79]],[1692817692,[81,0,81]],[1692817693,[86,0,86]],[1692817694,[92,0,92]],[1692817695,[94,0,94]],[1692817696,[99,0,99]],[1692817697,[102,0,102]],[1692817698,[106,0,106]],[1692817699,[110,0,110]],[1692817700,[116,0,116]],[1692817701,[118,0,118]],[1692817702,[121,0,121]],[1692817703,[127,0,127]],[1692817704,[131,0,131]],[1692817705,[135,0,135]],[1692817706,[138,0,138]],[1692817707,[142,0,142]],[1692817708,[147,0,147]],[1692817709,[150,0,150]],[1692817710,[154,0,154]],[1692817711,[157,0,157]],[1692817712,[164,0,164]],[1692817713,[167,0,167]],[1692817714,[170,0,170]],[1692817715,[175,0,175]],[1692817716,[178,0,178]],[1692817717,[182,0,182]],[1692817718,[187,0,187]],[1692817719,[191,0,191]],[1692817720,[195,0,195]],[1692817721,[198,0,198]],[1692817722,[202,0,202]],[1692817723,[207,0,207]],[1692817724,[211,0,211]],[1692817725,[215,0,215]],[1692817726,[219,0,219]],[1692817727,[223,0,223]],[1692817728,[227,0,227]],[1692817729,[231,0,231]],[1692817730,[234,0,234]],[1692817731,[239,0,239]],[1692817732,[242,0,242]],[1692817733,[248,0,248]],[1692817734,[250,0,250]],[1692817735,[255,0,255]],[1692817736,[260,0,260]],[1692817737,[261,0,261]],[1692817738,[267,0,267]],[1692817739,[270,0,270]],[1692817740,[277,0,277]],[1692817741,[278,0,278]],[1692817742,[282,0,282]],[1692817743,[287,0,287]],[1692817744,[292,0,292]],[1692817745,[295,0,295]],[1692817746,[298,0,298]],[1692817747,[303,0,303]],[1692817748,[307,0,307]],[1692817749,[311,0,311]],[1692817750,[314,0,314]],[1692817751,[320,0,320]],[1692817752,[323,0,323]],[1692817753,[327,0,327]],[1692817754,[330,0,330]],[1692817755,[337,0,337]],[1692817756,[339,0,339]],[1692817757,[342,0,342]],[1692817758,[347,0,347]],[1692817759,[351,0,351]],[1692817760,[355,0,355]],[1692817761,[359,0,359]],[1692817762,[363,0,363]],[1692817763,[367,0,367]],[1692817764,[372,0,372]],[1692817765,[376,0,376]],[1692817766,[379,0,379]],[1692817767,[382,0,382]],[1692817768,[387,0,387]],[1692817769,[390,0,390]],[1692817770,[397,0,397]],[1692817771,[398,0,398]],[1692817772,[403,0,403]],[1692817773,[408,0,408]],[1692817774,[411,0,411]],[1692817775,[416,0,416]],[1692817776,[419,0,419]],[1692817777,[423,0,423]],[1692817778,[427,0,427]],[1692817779,[431,0,431]],[1692817780,[435,0,435]],[1692817781,[439,0,439]],[1692817782,[443,0,443]],[1692817783,[447,0,447]],[1692817784,[453,0,453]],[1692817785,[455,0,455]],[1692817786,[460,0,460]],[1692817787,[463,0,463]],[1692817788,[467,0,467]],[1692817789,[471,0,471]],[1692817790,[477,0,477]],[1692817791,[479,0,479]],[1692817792,[482,0,482]],[1692817793,[488,0,488]],[1692817794,[491,0,491]],[1692817795,[496,0,496]],[1692817796,[499,0,499]],[1692817797,[504,0,504]],[1692817798,[507,0,507]],[1692817799,[511,0,511]],[1692817800,[516,0,516]],[1692817801,[519,0,519]],[1692817802,[524,0,524]],[1692817803,[528,0,528]],[1692817804,[531,0,531]],[1692817805,[536,0,536]],[1692817806,[539,0,539]],[1692817807,[544,0,544]],[1692817808,[547,0,547]],[1692817809,[552,0,552]],[1692817810,[556,0,556]],[1692817811,[559,0,559]],[1692817812,[563,0,563]],[1692817813,[568,0,568]],[1692817814,[572,0,572]],[1692817815,[576,0,576]],[1692817816,[581,0,581]],[1692817817,[583,0,583]],[1692817818,[588,0,588]],[1692817819,[591,0,591]],[1692817820,[596,0,596]],[1692817821,[600,0,600]],[1692817822,[603,0,603]],[1692817823,[608,0,608]],[1692817824,[612,0,612]],[1692817825,[616,0,616]],[1692817826,[620,0,620]],[1692817827,[624,0,624]],[1692817828,[627,0,627]],[1692817829,[631,0,631]],[1692817830,[636,0,636]],[1692817831,[641,0,641]],[1692817832,[643,0,643]],[1692817833,[648,0,648]],[1692817834,[652,0,652]],[1692817835,[657,0,657]],[1692817836,[659,0,659]],[1692817837,[664,0,664]],[1692817838,[667,0,667]],[1692817839,[673,0,673]],[1692817840,[675,0,675]],[1692817841,[681,0,681]],[1692817842,[684,0,684]],[1692817843,[687,0,687]],[1692817844,[693,0,693]],[1692817845,[696,0,696]],[1692817846,[700,0,700]],[1692817847,[704,0,704]],[1692817848,[708,0,708]],[1692817849,[712,0,712]],[1692817850,[716,0,716]],[1692817851,[721,0,721]],[1692817852,[723,0,723]],[1692817853,[728,0,728]],[1692817854,[732,0,732]],[1692817855,[1082,0,1082]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692817651,[6,0,6]],[1692817652,[6,0,6]],[1692817653,[6,0,6]],[1692817654,[6,0,6]],[1692817655,[6,0,6]],[1692817656,[6,0,6]],[1692817657,[6,0,6]],[1692817658,[6,0,6]],[1692817659,[6,0,6]],[1692817660,[6,0,6]],[1692817661,[6,0,6]],[1692817662,[13,0,13]],[1692817663,[6,0,6]],[1692817664,[6,0,6]],[1692817665,[6,0,6]],[1692817666,[12,0,12]],[1692817667,[8,0,8]],[1692817668,[9,0,9]],[1692817669,[6,0,6]],[1692817670,[12,0,12]],[1692817671,[7,0,7]],[1692817672,[7,0,7]],[1692817673,[9,0,9]],[1692817674,[6,0,6]],[1692817675,[8,0,8]],[1692817676,[15,0,15]],[1692817677,[21,0,21]],[1692817678,[26,0,26]],[1692817679,[30,0,30]],[1692817680,[35,0,35]],[1692817681,[37,0,37]],[1692817682,[42,0,42]],[1692817683,[47,0,47]],[1692817684,[49,0,49]],[1692817685,[56,0,56]],[1692817686,[58,0,58]],[1692817687,[62,0,62]],[1692817688,[65,0,65]],[1692817689,[71,0,71]],[1692817690,[74,0,74]],[1692817691,[79,0,79]],[1692817692,[81,0,81]],[1692817693,[86,0,86]],[1692817694,[92,0,92]],[1692817695,[94,0,94]],[1692817696,[99,0,99]],[1692817697,[102,0,102]],[1692817698,[106,0,106]],[1692817699,[110,0,110]],[1692817700,[116,0,116]],[1692817701,[118,0,118]],[1692817702,[121,0,121]],[1692817703,[127,0,127]],[1692817704,[131,0,131]],[1692817705,[135,0,135]],[1692817706,[138,0,138]],[1692817707,[142,0,142]],[1692817708,[147,0,147]],[1692817709,[150,0,150]],[1692817710,[154,0,154]],[1692817711,[156,0,156]],[1692817712,[165,0,165]],[1692817713,[167,0,167]],[1692817714,[170,0,170]],[1692817715,[175,0,175]],[1692817716,[178,0,178]],[1692817717,[182,0,182]],[1692817718,[187,0,187]],[1692817719,[191,0,191]],[1692817720,[194,0,194]],[1692817721,[199,0,199]],[1692817722,[202,0,202]],[1692817723,[207,0,207]],[1692817724,[211,0,211]],[1692817725,[215,0,215]],[1692817726,[219,0,219]],[1692817727,[223,0,223]],[1692817728,[227,0,227]],[1692817729,[231,0,231]],[1692817730,[234,0,234]],[1692817731,[239,0,239]],[1692817732,[242,0,242]],[1692817733,[248,0,248]],[1692817734,[250,0,250]],[1692817735,[255,0,255]],[1692817736,[259,0,259]],[1692817737,[262,0,262]],[1692817738,[267,0,267]],[1692817739,[270,0,270]],[1692817740,[277,0,277]],[1692817741,[278,0,278]],[1692817742,[282,0,282]],[1692817743,[287,0,287]],[1692817744,[292,0,292]],[1692817745,[295,0,295]],[1692817746,[298,0,298]],[1692817747,[303,0,303]],[1692817748,[307,0,307]],[1692817749,[311,0,311]],[1692817750,[314,0,314]],[1692817751,[320,0,320]],[1692817752,[323,0,323]],[1692817753,[327,0,327]],[1692817754,[330,0,330]],[1692817755,[337,0,337]],[1692817756,[338,0,338]],[1692817757,[343,0,343]],[1692817758,[347,0,347]],[1692817759,[350,0,350]],[1692817760,[356,0,356]],[1692817761,[359,0,359]],[1692817762,[363,0,363]],[1692817763,[367,0,367]],[1692817764,[372,0,372]],[1692817765,[376,0,376]],[1692817766,[379,0,379]],[1692817767,[382,0,382]],[1692817768,[387,0,387]],[1692817769,[390,0,390]],[1692817770,[397,0,397]],[1692817771,[398,0,398]],[1692817772,[403,0,403]],[1692817773,[408,0,408]],[1692817774,[411,0,411]],[1692817775,[416,0,416]],[1692817776,[418,0,418]],[1692817777,[424,0,424]],[1692817778,[427,0,427]],[1692817779,[430,0,430]],[1692817780,[436,0,436]],[1692817781,[439,0,439]],[1692817782,[443,0,443]],[1692817783,[447,0,447]],[1692817784,[453,0,453]],[1692817785,[455,0,455]],[1692817786,[460,0,460]],[1692817787,[463,0,463]],[1692817788,[467,0,467]],[1692817789,[471,0,471]],[1692817790,[476,0,476]],[1692817791,[480,0,480]],[1692817792,[482,0,482]],[1692817793,[488,0,488]],[1692817794,[491,0,491]],[1692817795,[496,0,496]],[1692817796,[499,0,499]],[1692817797,[504,0,504]],[1692817798,[507,0,507]],[1692817799,[511,0,511]],[1692817800,[516,0,516]],[1692817801,[517,0,517]],[1692817802,[526,0,526]],[1692817803,[528,0,528]],[1692817804,[531,0,531]],[1692817805,[536,0,536]],[1692817806,[539,0,539]],[1692817807,[543,0,543]],[1692817808,[548,0,548]],[1692817809,[551,0,551]],[1692817810,[557,0,557]],[1692817811,[559,0,559]],[1692817812,[563,0,563]],[1692817813,[568,0,568]],[1692817814,[572,0,572]],[1692817815,[575,0,575]],[1692817816,[581,0,581]],[1692817817,[584,0,584]],[1692817818,[588,0,588]],[1692817819,[591,0,591]],[1692817820,[596,0,596]],[1692817821,[600,0,600]],[1692817822,[603,0,603]],[1692817823,[608,0,608]],[1692817824,[612,0,612]],[1692817825,[616,0,616]],[1692817826,[620,0,620]],[1692817827,[623,0,623]],[1692817828,[628,0,628]],[1692817829,[631,0,631]],[1692817830,[636,0,636]],[1692817831,[641,0,641]],[1692817832,[643,0,643]],[1692817833,[648,0,648]],[1692817834,[652,0,652]],[1692817835,[657,0,657]],[1692817836,[659,0,659]],[1692817837,[664,0,664]],[1692817838,[667,0,667]],[1692817839,[672,0,672]],[1692817840,[676,0,676]],[1692817841,[681,0,681]],[1692817842,[683,0,683]],[1692817843,[688,0,688]],[1692817844,[693,0,693]],[1692817845,[696,0,696]],[1692817846,[700,0,700]],[1692817847,[704,0,704]],[1692817848,[707,0,707]],[1692817849,[712,0,712]],[1692817850,[717,0,717]],[1692817851,[721,0,721]],[1692817852,[723,0,723]],[1692817853,[728,0,728]],[1692817854,[732,0,732]],[1692817855,[1082,0,1082]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68404.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
